import { cn } from "common-web";
import type { FunctionalComponent as FC, HTMLAttributes, ReservedProps } from "vue";

type ContainerType = FC<HTMLAttributes & ReservedProps>;

const Container: ContainerType = (p, { slots }) => {
  return <div class={cn("max-w-7xl mx-auto", p.class)}>{slots.default?.()}</div>;
};

Container.props = ["class"];

export default Container;
